<template>
    <div class="genshin-button genshin-button-maskimg" @click="btnClick" :style="{'width': width}">
        <div class="img" :style="{'-webkit-mask-image':'url('+img+')','mask-image':'url('+img+')'}"></div>
        <div class="text">{{title}}</div>
    </div>
</template>
<script>
export default {
    name: "GenshinButton",
    components: {},
    props: ["img","title","width"],
    data() {
        return {

        };
    },
    methods: {
        btnClick(){
            this.$emit("click");
        },
    },
    mounted() {

    },
    watch: {

    }
};
</script>

<style></style>